<template>
    <div>
       <div v-for="i in joblist" class="cjcard">
        <div class="flex jcsb">
            <div class="title van-ellipsis">{{ i.name }}</div>
            <div>{{ i.money }}</div>
        </div>
        <div class="flex jcsb mgt10 mgb10 fs14 c6">
            <div class="flex aic">
                <span class="mgr8"><van-icon :name="i.icon" /></span>
                <div class="title van-ellipsis"> {{ i.cpName }}</div>
            </div>
            <div>{{ i.city }}</div>
        </div>
        <div class="flex jcc mgt10">
            <div class="jbbtn fs12 dis500">职位对比</div>
        </div>
       </div>
    </div>
</template>
<style scoped>
@import "../../public.css";
@import "../../ui/vant-ui/ui.css";
.title{
    width: 120px;
}
.cjcard{
    padding: 8px;
    border-radius: 5px;
}
.cjcard:hover{
    background-color: #eee;
}

@media (min-width: 500px) {
 
}
</style>
<script>
module.exports = {
  data() {
    return {};
  },
  props: {
    joblist:{
        type:Array,
        default: function () {
        return [
          {
            name: "游戏与港元游戏与港元游戏与港元",
            money: "4-7k",
            city: "阳江",
            cpName:'星游网络',
            icon:'lock',
          },
          {
            name: "游戏与港元游戏与港元游戏与港元",
            money: "4-7k",
            city: "阳江",
            cpName:'星游网络',
            icon:'lock',
          },
          {
            name: "游戏与港元游戏与港元游戏与港元",
            money: "4-7k",
            city: "阳江",
            cpName:'星游网络',
            icon:'lock',
          },
          {
            name: "游戏与港元游戏与港元游戏与港元",
            money: "4-7k",
            city: "阳江",
            cpName:'星游网络',
            icon:'lock',
          },
          {
            name: "游戏与港元游戏与港元游戏与港元",
            money: "4-7k",
            city: "阳江",
            cpName:'星游网络',
            icon:'lock',
          },
          {
            name: "游戏与港元游戏与港元游戏与港元",
            money: "4-7k",
            city: "阳江",
            cpName:'星游网络',
            icon:'lock',
          },
          {
            name: "游戏与港元游戏与港元游戏与港元",
            money: "4-7k",
            city: "阳江",
            cpName:'星游网络',
            icon:'lock',
          },
         
        ];
      },
    }
  },
  methods: {},
};
</script>
